<%--
  Created by IntelliJ IDEA.
  User: 如烟
  Date: 2020/9/29
  Time: 15:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Free Responsive Html5 Templates">
    <meta name="author" content="">
    <title>假日酒店 </title>
    <link href="${pageContext.request.contextPath}/static/css/userCSS/bootstrap2.min.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/style5.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/userCSS/animate.min.css">
    <link href="${pageContext.request.contextPath}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- /////////////////////////////////////////Navigation -->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            <a class="navbar-brand" href="${pageContext.request.contextPath}/user/hotelInit"><i class="fa fa-flag-checkered fa-flip-horizontal"></i> 假日酒店<strong></strong></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="${pageContext.request.contextPath}/user/index" class="page-scroll">主页</a></li>
                <li><a href="${pageContext.request.contextPath}/user/aboutusInit" class="page-scroll">关于</a></li>
                <li><a href="${pageContext.request.contextPath}/user/contactInit" class="page-scroll">联系我们</a></li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>
<!-- Navigation -->

<!-- /////////////////////////////////////////Header -->
<header class="text-center" name="home">
    <div class="intro-text">
        <h1 class="wow fadeInDown">欢 迎 您  <strong><span class="color">的 光 临</span></strong></h1>
        <p class="wow fadeInDown">位于成都的博舍，是一家别具一格的豪华酒店，糅合传统和现代设计之美。</p>
        <a href="${pageContext.request.contextPath}/user/index" class="btn btn-default btn-lg page-scroll wow fadeInUp" data-wow-delay="200ms">老不出蜀</a>
    </div>
</header>
<!-- Header -->

<!-- /////////////////////////////////////////Content -->
<div id="page-content" class="index-page">
    <!-- ////////////Content Box 01 -->
    <section id="" class="box-content box-style text-center">
        <div class="container">
            <div class="row heading wow fadeInDown">
                <div class="col-lg-12">
                    <h2><strong>少</strong> <strong>不</strong> <strong>入</strong> <strong>川</strong></h2>
                    <hr>
                    <div class="clearfix"></div>
                    <p>CDC</p>
                </div>
            </div>
            <div class="categories">
                <ul class="cat">
                    <li>
                        <ol class="type list-inline">
                            <li><a href="#" data-filter="*" class="active">全部</a></li>
                            <li><a href="#" data-filter=".dubai">异域风情</a></li>
                            <li><a href="#" data-filter=".maldives">度假首选</a></li>
                            <li><a href="#" data-filter=".sapa">田园风光</a></li>
                            <li><a href="#" data-filter=".paris">浪漫之都</a></li>
                        </ol>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="portfolio-items">
                    <div class="col-sm-6 col-md-3 col-lg-3 paris">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="200ms">
                            <div class="hover-bg"> <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/01.jpg" class="img-responsive" alt="假日酒店"> </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 paris">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="400ms">
                            <div class="hover-bg"> <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/02.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 paris">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="600ms">
                            <div class="hover-bg"> <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/03.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 dubai">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="800ms">
                            <div class="hover-bg"> <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/04.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 dubai">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="1000ms">
                            <div class="hover-bg"> <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/05.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 dubai">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="1200ms">
                            <div class="hover-bg"> <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/06.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 sapa">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="1400ms">
                            <div class="hover-bg"> <a href="#portfolioModal7" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl, Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/07.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 sapa">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="1600ms">
                            <div class="hover-bg"> <a href="#portfolioModal8" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/08.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 paris">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="1800ms">
                            <div class="hover-bg"> <a href="#portfolioModal9" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/09.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 maldives">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="2000ms">
                            <div class="hover-bg"> <a href="#portfolioModal10" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/10.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 maldives">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="2200ms">
                            <div class="hover-bg"> <a href="#portfolioModal11" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/11.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 maldives">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="2400ms">
                            <div class="hover-bg"> <a href="#portfolioModal12" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/12.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 dubai">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="2600ms">
                            <div class="hover-bg"> <a href="#portfolioModal13" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/13.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 paris">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="2800ms">
                            <div class="hover-bg"> <a href="#portfolioModal14" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/14.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 maldives">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="2800ms">
                            <div class="hover-bg"> <a href="#portfolioModal15" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/15.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 paris">
                        <div class="portfolio-item wow fadeInUp" data-wow-delay="3000ms">
                            <div class="hover-bg"> <a href="#portfolioModal16" class="portfolio-link" data-toggle="modal">
                                <div class="hover-text">
                                    <h4>假日酒店</h4>
                                    Design By Yyl
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i> </div>
                                <img src="${pageContext.request.contextPath}/static/css/images/16.jpg" class="img-responsive" alt="假日酒店"> </a> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</div>

<!-- /////////////////////////////////////////Footer -->
<footer>
    <div id="footer">
        <div class="container">
            <p>Copyright @ 2020  <a href="https://www.weibo.com/musiq" target="_blank" title="模板之家">yyl</a> - | - <a href="https://www.weibo.com/musiq" title="" target="_blank">hql</a></p>
        </div>
    </div>
</footer>
<!-- Footer -->

<!-- Portfolio Modals -->
<!-- Use the modals below to showcase details about your portfolio projects! -->

<!-- Portfolio Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/01-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Dubai</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/02-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
<!-- Portfolio Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/03-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 4 -->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/04-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 5 -->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/05-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 6 -->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/06-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 7 -->
<div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/07-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 8 -->
<div class="portfolio-modal modal fade" id="portfolioModal8" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/08-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 9 -->
<div class="portfolio-modal modal fade" id="portfolioModal9" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/09-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 10 -->
<div class="portfolio-modal modal fade" id="portfolioModal10" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/10-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 11 -->
<div class="portfolio-modal modal fade" id="portfolioModal11" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/11-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 12 -->
<div class="portfolio-modal modal fade" id="portfolioModal12" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/12-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 13 -->
<div class="portfolio-modal modal fade" id="portfolioModal13" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/13-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 14 -->
<div class="portfolio-modal modal fade" id="portfolioModal14" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/14-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 15 -->
<div class="portfolio-modal modal fade" id="portfolioModal15" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/15-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Portfolio Modal 16 -->
<div class="portfolio-modal modal fade" id="portfolioModal16" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"> </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>假日酒店</h2>
                        <p class="item-intro">欢迎您的光临</p>
                        <img class="img-responsive img-centered" src="${pageContext.request.contextPath}/static/css/images/16-preview.jpg" alt="">
                        <p>Welcome To Hotel</p>
                        <ul class="list-inline">
                            <li><strong>设计</strong>: 尤钰龙</li>
                            <li><strong>分类</strong>: Design By Yyl</li>
                        </ul>
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> 关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/js//userJS/jquery-2.1.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js//userJS/bootstrap2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js//userJS/SmoothScroll.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js//userJS/wow.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js//userJS/jquery.isotope.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js//userJS/main2.js"></script>

</body>
</html>
